<template>
  <el-table
    :data="propValue.tableData"
    style="width: 50%"
    border
    size="medium"
    :row-style="rowStyle"
    :stripe="stripe"
    :header-cell-style="headerCellStyle"
  >
    <el-table-column
      v-for="(item, i) in propValue.theadData"
      :key="i"
      :prop="item.propName"
      :label="item.label"
      :width="item.width ? item.width : ''"
      :align="align"
    >
    </el-table-column>
  </el-table>
</template>

<script>
import { mapState } from "vuex";
export default {
  props: ["propValue"],
  computed: {
    align() {
      return this.propValue.align;
    },
    rowStyle() {
      return this.propValue.rowStyle;
    },
    stripe() {
      return this.propValue.stripe;
    },
    headerCellStyle() {
      return this.propValue.headerCellStyle;
    },
  },
};
</script>

<style lang="less" scoped>
.el-table {
  position: absolute;
  background-color: red;
}
</style>
